<!DOCTYPE html>
<html lang="en">
<head>
	<meta content="text/html; charset=utf-8" http-equiv="content-type">
	<title>Tour de Kemarau</title>
	<link rel="stylesheet" type="text/css" href="css/reset.css" >
	<link rel="stylesheet" type="text/css" href="css/text.css" >
	<link rel="stylesheet" type="text/css" href="css/960.css" >
	<link rel="stylesheet" type="text/css" href="css/demo.css" >
	<link rel="stylesheet" type="text/css" href="css/home.css" >
	<script src="js/jquery.min.js"></script>
	<script src="js/jquery.easing.1.3.js"></script>
	<script src="js/slides.min.jquery.js"></script>
	<script>
	$(function(){
		$('#slides').slides({
			preload: true,
			preloadImage: 'img/loading.gif',
			play: 5000,
			pause: 2500,
			hoverPause: true
		});
	});
	</script>
	<script type="text/javascript">
	<!--
	var image1=new Image()
	image1.src="img/ampera.jpg"
	var image2=new Image()
	image2.src="img/pagoda.jpg"
	//-->
	</script>

</head>
<body>
	<div class="body" id="body">
		<!--Menu-->
		<div id="menu" class="block-bg">
			<div class="container_12">
				<div class="grid_2" id="title">
					<h1>Creanet</h1>
				</div>
				<div class="grid_4" id="menu-utama">
					<a href="#">GALLERY</a>
					<a href="#">JOB</a>
					<a href="#">PEOPLE</a>
				</div>
				<div class="grid_3" id="search">
<!-- 					<form action="http://kreavi.com/search/project/1/" method="get">
						<input type="text" id="search-textbox" name="k" placeholder="Type and Enter to Search!">
					</form> -->
				</div>
				<div id="menu-right" class="grid_3">
					<a href="#">Upload Portofolio</a>
					<a href="#">Post Job</a>
					<a href="#" id="login-dropdown-button" onselectstart="return false;">Login</a>
					
				</div>

			</div>
		</div>
		<!-- End Menu -->

		<!-- Header -->
		<div id ="header" >

		</div>
		<!-- End Header -->

		<!-- Sub Header -->
		<div id ="sub-header">

		</div>
		<!-- End Sub Header -->

		<!-- Content -->
		<div id = "content" class="container_12">
			<div class="grid_12">

			</div>

		</div>

		<!--Footer-->
		<div id="footer">
			<footer>
				<section id="ending" >
					<p>&copy; 2012 <a href="http://themetrust.com/demos/hero"><strong>Theme Pemrograman Website</strong></a> by Andreas Avellino</p>
				</section>
			</footer>
		</div>   
		<div class="clear"></div>
		<!-- end Footer -->
	</div>
	

</body>
</html>